<template>
     <view class="back">
          <div class="xuanzhu">
               <view class="mptext">
                    <h3>{{natext}}</h3>
                    <span>{{zhiye}}</span>
               </view>
               <div class="erma">
                    <div class="disan">
                    
                    </div>
                    <div class="oimage">
                         <image :src="oerwm" mode=""></image>
                    </div>
               </div>
               <div class="gsoimg">
                    <div>
                         <image :src="logo" mode=""></image>
                    </div>
                    <span>{{name}}</span>
               </div>
          </div>
     </view>
</template>

<script>
	import {
	     HTTP_REQUEST_URL
	} from '@/config/app.js';
     import {
     	mister,
		carduser
     } from '@/api/userminp.js'
	 import {
		 getUserInfo
	 } from "@/api/user.js"
     export default {
          data() {
               return {
                    logo: HTTP_REQUEST_URL + '/mingpian/index/logo4.png',
                    name:'',
                    oerwm:'',
                    shareId:"",
                    natext:"",
                    zhiye:"软件行业",
					userInfo:{}
               };
          },
          onLoad(e) {
			  console.log(e,"e")
               if(e.zhiye != 'undefined') this.zhiye=e.zhiye
               if(e.natext != 'undefined') this.natext=e.natext
               if(e.name != 'undefined') this.name=e.name
               if(e.logo != 'undefined') this.logo=e.logo
               if(e.share != 'undefined') {
				   this.shareId=e.share
			   }
			   getUserInfo().then(res=>{
			   	this.userInfo = res.data
				if(this.userInfo.enterprise_id==0){
				   console.log(123)
				   this.zhiye = this.zhiye;
				   this.name = this.name;
				   this.logo = ''
				}
			   })  
          },
          onShow() {
            this.getmister()
          },
          methods:{
			  // 生成二维码
               getmister() {
					mister({
						share_uid: this.shareId,
						params:"share_uid="+this.shareId,
						path: 'pages/index/minp',
						type:"share"
					}).then((res) => {
						console.log(res)
						this.oerwm = res.data.qrcode_url
					})
               },
          }
     }
</script>

<style lang="scss">
     page {
          height: 100vh;
          background-image: linear-gradient(#555555, #191919);
     }
     @keyframes oneyici {
          0% {
               transform: rotate(0deg)
          }
     
          // 100% {
          //      transform: rotate(180deg)
          // }
     }
     .xuanzhu {
          animation: oneyici 2s linear;
          transform: rotate(180deg);
          @keyframes huerotate {
               0% {
                    transform: rotate(0deg)
               }

               100% {
                    transform: rotate(360deg)
               }
          }
          .mptext{
               padding: 100rpx 0rpx;
               text-align: center;
               color: #fff;
               h3{
                    font-size: 40rpx
               }
          }
          .erma{
               margin-top: 0rpx;
               position: relative;
              .disan {
                   position: absolute;
                   left: 88rpx;
                   top: -46rpx;
                   width: 580rpx;
                   height: 580rpx;
                   margin: auto;
                   border: 6rpx solid;
                   border-image: linear-gradient(45deg,#2d2d2d, #2d2d2d) 1;
                   clip-path: inset(0px round 300rpx);
                   animation: huerotate 6s infinite linear;
                   filter: hue-rotate(360deg);
                   overflow: hidden;
              
              
              }
              
              .oimage {
                   margin: auto;
                   width: 500rpx;
                   height: 500rpx;
                   border: 20rpx solid #2d2d2d;
                   border-radius: 250rpx;
                   overflow: hidden;
              
                   image {
                        width: 100%;
                        height: 100%;
                        border-radius: 100%;
                   }
              
              } 
          }
         .gsoimg{
              padding: 80rpx 0rpx;
              text-align: center;
              div{
                   margin: auto;
                   width: 120rpx;
                   height: 120rpx;
                   border-radius: 15rpx;
                   overflow: hidden;
                   margin-bottom: 10rpx;
                   image{
                        width: 100%;
                        height: 100%;
                   }
              }
              span{
                   color: #fff;
              }
         }

     }
</style>
